<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>添加人员</title>
  <link rel="stylesheet" href="../css/reset.css">
  <link rel="stylesheet" href="../images/PC-icon/font_tmtf4yf6ejhsemi/iconfont.css">
  <link rel="stylesheet" href="../lib/font-awesome-4.5.0/css/font-awesome.min.css">
  <link rel="stylesheet" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css">
  <link rel="stylesheet" href="../lib/jquery-steps/jquery.steps.css">
  <link rel="stylesheet" href="../css/global.css">
  <link rel="stylesheet" href="../css/form.css">
  <link rel="stylesheet" href="../css/addWorkerInfo.css">
  <script src="../lib/jquery-1.11.1/jquery-1.11.1.min.js"></script>
  <script src="../lib/jquery-validation/jquery.validate.min.js"></script>
  <script src="../lib/jquery-steps/jquery.steps.min.js"></script>
  <script src="../lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.min.js"></script>
  <script src="../lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
  <script src="../js/main.js"></script>
</head>
<body>
  <div class="header-top fs-18">
    <img class="header-top-XTlogo" src="../images/XTlogo.png" alt="">
    <span>锡通高速<i class="draw-line"></i>公路工程施工现场安全生产管控系统（XT-NT-1施工标段）</span>
    <div class="top-tools fs-14 fr">
      <span class="username">安全员，您好！</span>
      <a href="#"><i class="iconfont icon-shouji fs-16" id="mobileModel"></i></a>
      <a href="#"><i class="iconfont icon-mima fs-16" id="changePwd"></i></a>
      <a href="#" class="user-msg"><i class="iconfont icon-xiaoxi-copy fs-16"></i><span class="icon-top-nav-count">12</span></a>
      <a href="#"><i class="iconfont icon-bangzhuzhongxin fs-16"></i></a>
      <a href="#"><i class="iconfont icon-tuichu2 fs-16" id="logout"></i></a>
    </div>
  </div>
  <div class="menu-list">
    <ul class="menu-inner">
      <li>
        <a href="index.html">
          <i class="iconfont icon-shouye"></i>
          <div class="menu-inner-title">首页</div>
        </a>
      </li>
      <li>
        <i class="iconfont icon-tixiguanli"></i>
        <div class="menu-inner-title">安保体系</div>
        <ul class="dropdown-ul">
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>组织机构
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>岗位职责
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>安全责任书
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>制度管理
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>操作规程
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-renyuanguanli"></i>
        <div class="menu-inner-title">人员管理</div>
        <ul class="dropdown-ul">
          <li>
            <a href="workerRegistration.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员登记
            </a>
          </li>
          <li>
            <a href="workerInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员信息管理
            </a>
          </li>
          <li>
            <a href="workerClassify.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>花名册
            </a>
          </li>
          <li>
            <a href="workerAuditInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员报审信息
            </a>
          </li>
          <li>
            <a href="workerLocation.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>人员定位
            </a>
          </li>
        </ul>
      </li>
      <li class="active">
        <i class="iconfont icon-jixie"></i>
        <div class="menu-inner-title">设备管理</div>
        <ul class="dropdown-ul">
          <li>
            <a href="deviceInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>设备信息管理
            </a>
          </li>
          <li>
            <a href="deviceClassify.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>设备清单
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-chuyuanjiaoyu"></i>
        <div class="menu-inner-title">安全活动</div>
        <ul class="dropdown-ul">
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>活动计划
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>安全会议
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>教育培训
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>技术交底
            </a>
          </li>
          <li>
            <a href="safeActivity.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>专项活动
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-3"></i>
        <div class="menu-inner-title">专项方案</div>
        <ul class="dropdown-ul">
          <li>
            <a href="">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>危险性较大工程
            </a>
          </li>
          <li>
            <a href="">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>专项方案
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-jingfeixinxi"></i>
        <div class="menu-inner-title">安全经费</div>
        <ul class="dropdown-ul">
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>总体计划
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>月度计划
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>使用记录
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>费用计量
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-rongzixuqiushencha01"></i>
        <div class="menu-inner-title">安全检查</div>
        <ul class="dropdown-ul">
          <li>
            <a href="patrolInfo.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>日常巡查
            </a>
          </li>
          <li>
            <a href="patrolGIS.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>巡查DIS地图
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>专项检查
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>综合检查
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>考核评价
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>罚款与审批
            </a>
          </li>
        </ul>
      </li>
      <li>
        <i class="iconfont icon-anquanjingbao"></i>
        <div class="menu-inner-title">应急管理</div>
        <ul class="dropdown-ul">
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>应急预案
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>应急演练
            </a>
          </li>
          <li>
            <a href="document.html">
              <i class="iconfont icon-mianxingtubiaoqianjin"></i>事故报告
            </a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="main-header fs-14"><i class="iconfont icon-shouye fs-14"></i>人员管理><span class="bluename">人员登记</span></div>
  <div class="container-header">人员登记流程</div>
  <form class="add-worker" id="add-form" action="#">
    <div>
      <h3>采集信息</h3>
      <section>
        <div class="module-info-txt fs-16">采集信息</div>
        <div class="info-txt fs-theme-color fs-16">身份证信息</div>
        <div>
          <div class="w-80 fl">
            <div class="info-item-group w-50 fl">
              <label class="form-group-label fs-theme-color">姓名：</label>
              <span class="form-group-content">翠翠</span>
            </div>
            <div class="info-item-group w-50 fl">
              <label class="form-group-label fs-theme-color">民族：</label>
              <span class="form-group-content">汉</span>
            </div>
            <div class="info-item-group w-50 fl">
              <label class="form-group-label fs-theme-color">性别：</label>
              <span class="form-group-content">男</span>
            </div>
            <div class="info-item-group w-50 fl">
              <label class="form-group-label fs-theme-color">出生日期：</label>
              <span class="form-group-content">1965-12-15</span>
            </div>
            <div class="info-item-group w-50 fl">
              <label class="form-group-label fs-theme-color">住址：</label>
              <span class="form-group-content address-info"> 陕西省渭陕西省渭南市临渭区南师乡乔田村麻池组南市临渭区南师乡乔田村麻池组</span>
            </div>
            <div class="info-item-group w-50 fl">
              <label class="form-group-label fs-theme-color">身份证号：</label>
              <span class="form-group-content">610502196512156238</span>
            </div>
          </div>
          <div class="w-20 fl">
            <img src="" class="avatar">
          </div>
        </div>
        <div class="info-txt fs-theme-color clearfix fs-16">指纹信息</div>
        <div class="show-txt">已采集</div>
        <div class="info-txt fs-theme-color fs-16">智能卡信息</div>
        <div class="show-txt">已关联（）</div>
      </section>
      <h3>基本信息</h3>
      <section>
        <div class="module-info-txt fs-16">基本信息</div>
        <div class="fs-0">
          <div class="form-group w-55">
            <label class="form-group-label fs-theme-color"><b>*</b>人员种类：</label>
            <select class="select-primary">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
            </select>
          </div>
          <div class="form-group w-45">
            <label class="form-group-label fs-theme-color"><b>*</b>学历：</label>
            <select class="select-primary">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
            </select>
          </div>
          <div class="form-group w-55">
            <label class="form-group-label fs-theme-color"><b>*</b>籍贯：</label>
            <select class="select-primary">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
            </select>
          </div>
          <div class="form-group w-45">
            <label class="form-group-label fs-theme-color"><b>*</b>联系方式：</label>
            <input type="text" class="input-primary">
          </div>
          <div class="form-group w-55">
            <label class="form-group-label fs-theme-color"><b>*</b>部门：</label>
            <select class="select-primary">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
            </select>
          </div>
          <div class="form-group w-45">
            <label class="form-group-label fs-theme-color"><b>*</b>进场时间：</label>
            <input type="text" class="input-primary form_datetime" data-date-format="yyyy-mm-dd">
          </div>
          <div class="form-group w-55">
            <label class="form-group-label fs-theme-color"><b>*</b>岗位：</label>
            <select class="select-primary">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
            </select>
          </div>
          <div class="form-group w-45">
            <label class="form-group-label fs-theme-color"><b>*</b>备注：</label>
            <input type="text" class="input-primary">
          </div>
        </div>
      </section>
      <h3>证书信息</h3>
      <section>
        <div class="info-title fs-16">
          证书信息
          <span class="fr fs-14 add-certify">
            <i class="fa fa-plus"></i>
            <span>新增</span>
          </span>
        </div>
        <table class="add-table fs-14">
          <thead>
            <tr>
              <th>证书名称</th>
              <th>证书编号</th>
              <th>发证单位</th>
              <th>发证时间</th>
              <th>有效日期</th>
              <th class="operate-w20"></th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>
                <input type="text"class="input-primary form-control-input">
              </td>
              <td>
                <input type="text"class="input-primary form-control-input">
              </td>
              <td>
                <input type="text"class="input-primary form-control-input">
              </td>
              <td>
                <input type="text"class="input-primary form-control-input">
              </td>
              <td>
                <input type="text"class="input-primary form-control-input">
              </td>
              <td><i class="fa fa-times-circle"></i></td>
            </tr>
          </tbody>
        </table>
      </section>
      <h3>附件信息</h3>
      <section>
        上传附件组件
      </section>
    </div>
  </form>
  <script src="../js/addWorkerInfo.js"></script>
</body>
</html>
